<!-- eslint-disable vue/no-mutating-props -->
<!-- eslint-disable vue/no-v-model-argument -->
<template>
  <div>
    <el-form ref="form" label-width="100px" :model="form" :inline="inline">
        <el-form-item v-for="item in formLabel" :key="item.label" :label="item.label">
           
           <el-input
            v-if="item.type==='input'"
            :placeholder="'请输入'+item.label"
            v-model:v-model="form[item.model]"
            >
            </el-input>

            <el-switch
            v-if="item.type==='switch'"
           v-model:v-model="form[item.model]"
            ></el-switch>

            <el-date-picker
             v-if="item.type==='date'"
             type="date"
             value-format="yyyy-MM-dd"
             placeholder="选择日期"
             v-model:v-model="form[item.model]"
            ></el-date-picker>

            <el-select
            v-if="item.type==='select'"
            placeholder="请选择"
            v-model:v-model="form[item.model]"
            >

                <el-option
                v-for="item2 in item.opts"
                :key="item2.value"
                :label="item2.label"
                :value="item2.label"
                ></el-option>

            </el-select>

        </el-form-item>

        <el-form-item>
            <slot></slot>
        </el-form-item>

    </el-form>
  </div>
</template>

<script>
export default {
    props:{
        formLabel:Array,
        form:Object,
        inline:Boolean,
       
    },
    data() {
        return {
            
            
        }
    },
    methods:{
       
    }
}
</script>

<style>

</style>